<html>
    <head>
        <title>Bazinga!</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" href="<?php echo http_path('catalog'); ?>inc/file/favicon.png" type="image/x-icon" />
        <script type="text/javascript" src="<?php echo http_path('lib'); ?>jquery/jquery.js?1.10.2"></script>
        <script type="text/javascript" src="<?php echo http_path('lib'); ?>fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
        <script type="text/javascript" src="<?php echo http_path('lib'); ?>fancybox/jquery.fancybox.js?v=2.1.5"></script>
        <link rel="stylesheet" type="text/css" href="<?php echo http_path('lib'); ?>fancybox/jquery.fancybox.css?v=2.1.5" media="screen" />

        <script type="text/javascript">
            $(document).ready(
            function () {

                $(".progress").fancybox({
                    'width'                : '60%',
                    'height'            : '60%',
                    'autoScale'            : false,
                    'transitionIn'        : 'none',
                    'transitionOut'        : 'none',
                    'type'                : 'iframe'
                });

                $(".menu").click(    
                function ()
                {

                    var main = $("#main");
                    var load = $("#load");


                    id = this.id;
                    id = id.replace('_', '.');   


                    load.fadeIn('slow');
                    main.hide();
                    
                    $.ajax({
                        type: "POST", url: "admin.php?page="+id+"&type=ajax", data: "",

                        complete: function(data)
                        {

                            result = data.responseText;
                               
                            main.html( result );
                            
                            load.fadeOut('slow'); 
                            main.show();  
                        }
                    });
                }
                );
            });
        </script>

        <style>
            * {
                font-family: Tahoma,Arial,sans-serif;
                font-size: 11px;
            }
            ul#left_menu
            {
                padding-left: 10px;;
                width:150px;
            }
            ul#left_menu li a 
            {
                font-size: 15px;
                font-weight: bold;
                text-decoration: none;
                border-bottom: 1px dashed #0DA7C8;
                color: #0DA7C8;
                list-style-type: none;
            }   
            li
            {
                list-style-type: none;  
            }      

            ul#left_menu ul
            {
                padding-left: 15px;
            }     

            ul#left_menu li a:hover
            {
                font-weight: bold;
                color: red; 
                text-decoration: none;
                border-bottom: 1px dotted red;
            }  
            .round {
                font-size: 1em;
                padding: 5px;
                margin-top: 0.2em;
                margin-bottom: 0.4em;
                border: 1px solid #DDDDDD;;
                color:#4169E1;
                -moz-border-radius:9px;
                border-radius:9px;
                -webkit-border-radius:9px;
                -khtml-border-radius:9px;
                background: url("<?php echo http_path('catalog'); ?>inc/file/admin/bg.png") repeat-x scroll 50% top #EEEEEE;

            }        

            .round_white {
                font-size: 1em;
                padding: 5px;
                margin-top: 0.2em;
                margin-bottom: 0.4em;
                border: 1px solid #DDDDDD;;
                color:#4169E1;
                -moz-border-radius:9px;
                border-radius:9px;
                -webkit-border-radius:9px;
                -khtml-border-radius:9px;
                background: #fff;   
            }

            #progress
            {
                font-style: italic;}
            }
        </style>
        <style type='text/css' media='all'>@import url('<?php echo http_path('catalog'). 'inc/file/install/css/'; ?>style.css');</style>
        <style type='text/css' media='all'>@import url('<?php echo http_path('catalog'). 'inc/file/admin/'; ?>style.css');</style>
        <style>
            body { background: url("<?php echo http_path('catalog'); ?>inc/file/admin/bg.png") repeat-x scroll 50% top #EEEEEE;}
        </style>
    </head>
    <body>        
        <div class="round_white" id="load" style="display:none;position:absolute; top:30%; left:40%;"><img src="<?php http_path('catalog');?>inc/file/admin/loading.gif"> <i id="send_message">Загрузка...</i></div>                 

        <table width="100%" class="round_white">
            <tr>
                <td valign="middle" width="15px"><img src="<?php echo http_path('catalog'); ?>inc/file/sitemap.png"></td>
                <td valign="middle" width="50%"><a href="http://ibazin.com/" target="_blank">Bazinga!</a></td>
                <td><span id="progress"></span></td>
                <td><i>version: <?php echo m::version(); ?></i></td>         
                <td align="right"><a href="<?php http_path('catalog'); ?>admin.php">Главная</a> | <a href="http://ibazin.com/" target="_blank">Справка</a> &brvbar; <a href="<?php http_path('catalog'); ?>admin.php?page=logoff">Выйти</a></td>
            </tr>
        </table>
        <table width="100%" class="round">
            <tr>
                <td class="round_white"  wudth="220px" valign="top">
                    <div width="220px">
                        <ul id="left_menu">
                            <li><a id="task_list" class="menu" href="#">Список задач</a></li>
                            <li><a id="plugins" class="menu" href="#">Плагины</a></li>
                            <li><a id="log_list" class="menu" href="#">Логи</a></li>                   
                            <li><a id="setting" class="menu" href="#">Настройки</a></li>                   
                        </ul>
                    </div>
                </td>
                <td class="round_white"  width="100%" valign="top">
                    <div id="installer">
                        <div id="main">
                            <h2>Главная</h2>
                            <div class="main-text">
                                Список задач
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
        <center>&copy; <a href="http://ibazin.com/" target="_blank">Bazinga!</a></center>
    </body>
</html>
